@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Arimo');

/* Interview用CSS
テンプレートインポートDIV：#specialImport
記事インポートDIV：#specialImportBody
*/

#specialImport hgroup > p, #specialImportBody hgroup > p{/* TOPImages */
	margin:10px 0 0; }
#specialImport hgroup div, #specialImportBody hgroup div {/* headerTXTbox */
	background-color:#f7f6f6; border:1px solid #dfdfdf;
	margin:10px 0; padding:10px 10px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    	}
#specialImport hgroup span, #specialImportBody hgroup span{ font-size:11px; font-size:1.1rem; color:#666; }
#specialImport hgroup span img, #specialImportBody hgroup span img{ vertical-align:middle; }

#specialImport hgroup div p, #specialImportBody hgroup div p {/* headerTXT */
	font-size:16px; font-size:1.6rem; padding-bottom:15px; line-height:1.8; 
	}
#specialImport hgroup div h4, #specialImportBody hgroup div h4 {/* headerTXTh4 */
	font-size:14px; font-size:1.4rem; font-weight:normal; margin-bottom:10px;
	}
#specialImport h5, #specialImportBody h5{ /* InterviewMainTXT h5 */
	color:#bc4877; border-bottom:1px solid #bc4877; border-top:1px solid #bc4877;
	font-size:16px; font-size:1.6rem; text-align:center; padding:5px 0; margin:10px 0 15px;
}

#maintext h7, #specialImportBody h7{ font-family: 'Arimo',  'Noto Sans Japanese', sans-serif; font-size:28px; font-size:2.8rem; font-weight:600; color:#141414; margin:0 0 5px; }

#specialImport .imgPhoto, #specialImportBody .imgPhoto{ /* PhotoRightPosition */
	float:right; color:#888; max-width:200px; font-size:11px; font-size:1.1rem; line-height:1em;
}
#specialImport .imgPhoto img, #specialImportBody .imgPhoto img{
	border:1px solid #888; max-width:200px; max-height:200px; margin-bottom:5px;
}
#specialImport .imgPhoto a img:hover, #specialImportBody .imgPhoto a img:hover{
	border:1px solid #ff8400;
}
#specialImport #maintext, #specialImportBody #maintext{
	padding:10px 20px; border:1px solid #ccc; background-color:#fff;
}

/* 共通Pスタイル */
#specialImport #maintext p, #specialImportBody #maintext p{
	font-size:16px; font-size:1.6rem; padding-bottom:15px; line-height:1.8; 
}
#specialImport h5, #specialImportBody h5{ /* InterviewMainTXT h5 */
	color:#e50022; border-bottom:1px solid #e50022; border-top:1px solid #e50022;
	font-size:20px; font-size:2.0rem; font-weight:bold; text-align:center; padding:5px 0; margin:10px 0 15px;
}

#specialImport h8, #specialImportBody h8 {color:#888; font-size:13px; font-size:1.3rem; }


#specialImport a, #specialImportBody a{ color:#2A3FAA; text-decoration:underline; }
#specialImport a:hover, #specialImportBody a:hover{ color:#FF5F00; text-decoration:none; }
.caption a{ color:#2A3FAA; text-decoration:underline; }
.caption a:hover {color:#FF5F00; text-decoration:none; }
.c_interviewer{ margin-bottom:-15px; }
#nextpageTitle p img{ vertical-align:middle; margin-right:5px; }
#nextpageTitle p{ text-align:center; font-size:14px; font-size:1.4rem; }
#sublinks h6, #photothumb h6{ background:url(/common/img/sidemenuback.png) repeat; margin:0 0 10px; padding:5px; font-size:12px; font-size:1.2rem;
font-weight:normal; color:#808080; }
#sublinks ul{ margin:0 0 15px ; padding:0 0 0 15px; color:#A0A0A4; }
#maintext #pager { margin:10px 0 30px; text-align:center; background:none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; padding:10px 0 0; border-top:1px dotted #ccc; }
#maintext #pager a{ color:#888; text-decoration:none; font-size:10px; font-size:1.0rem; padding:3px 7px; }
#maintext #pager ol{ list-style:none; display:inline; padding: 0 5px; }
#maintext #pager li{ display:inline-block	; *display:inline; *zoom:1; vertical-align:middle; font-size:14px; font-size:1.4rem; color:#484848; margin:0 5px; }
#maintext #pager li.select{ -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; padding:5px 10px; border:none; vertical-align:top; }
#maintext #pager span{ display:block; color:#888; font-size:11px; font-size:1.1rem; }
#maintext #pager #sp_prev,#maintext #pager #sp_next{ padding:3px 7px; font-size:10px; font-size:1.0rem; color:#888; }
.writerName{ text-align:right; color:#888; font-size:11px; font-size:1.1rem; }
#photothumb{ margin-top: 40px; }
#photothumb p{ line-height:1.4; }
#photothumb img{ max-height:80px; max-width:80px; margin-bottom:5px; vertical-align:middle; border:1px solid #ccc; }
#photothumb img:hover{border:1px solid #ff8400;}
#maintext .imgPhotoCenter{ text-align:center; }
#maintext .imgPhotoCenter img{ border:1px solid #ccc; }
#maintext .imgPhotoRF{ float:right; margin: 0 0 0 20px; padding:0; }
#maintext .imgPhotoRF img{ border:1px solid #ccc; }
#maintext .imgPhotoLF{ float:left; margin: 0 20px 0 0; padding:0; }
#maintext .imgPhotoLF img{ border:1px solid #ccc; }
#maintext .musicVideo{ text-align:center; margin-bottom:15px; }
#photothumb h6,#sublinks h6{ clear:both; }
#ReleaseData {margin-bottom:1em; }
#ReleaseData h4{ font-size:large; text-decoration:underline; font-weight:bold; }
#ReleaseData p{ float:left; margin-right:1em; }
#ReleaseData dl{ float:left; overflow:hidden; }
#ReleaseData dd a{ display:block; margin-bottom:0.5em;}
#ReleaseData dd strong{ color:#FF5F00; }
#ReleaseData p img{ border:1px solid #ccc; }
#ReleaseData:after{ content: ""; display: block; clear: both; }/* cf */
#box {width: 575px; margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px; border: 0px solid #2F2A04; }
#box img {float: left; margin: 0px 10px 0px 0px; }
#box p {overflow: auto;	/* for modern browser */ zoom: 1;	/* for ie6 */ line-height: 1.5; }



/*TABLE*/

  table.table1 {
	overflow: auto;
	border-collapse: collapse;
	padding:0;
    margin:0;
    float: left;
	width: 100%;
  }
  table.table1 th, td {
	 
    border: 1px solid black;
    text-align: center;
	padding:10px 5px ;
    vertical-align:middle;
	font-family:Poppins, Noto Sans JP;
	font-size:1.2em;
	font-size:12px; 
  }
  
@media screen and (max-width: 400px) {
  table.table1 th, td {
	font-size:0.7em;
	font-size:7px; 
    padding:5px 2px ;

}}

  table.table2 {
	overflow: auto;
	border-collapse: collapse;
	padding:0;
    margin:0;
    float: left;
	width: 100%;
  }
  
  table.table2 th, td {
	 
    border: 0px;
	border-color:transparent;
    text-align: center;
	padding:10px 5px;
    vertical-align:middle;
	font-family:Poppins, Noto Sans JP;
	font-size:1.2em;
	font-size:12px; 
  }
  
#specialImport header, #specialImportBody header{
  padding: .5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
}
#specialImport header div, #specialImportBody header div{ 
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 300px; 
  margin: .5vw; 
}
#specialImport header div img, #specialImportBody header div img{  
  width: 100%; 
  height: auto; 
}

@media screen and (max-width: 400px) {
  #specialImport header div, #specialImportBody header div { margin: 0; }
  #specialImport header, #specialImportBody header{  { padding: 0; }
  
}


@media screen and (max-width: 780px){
#content{ width:auto; }
#main{ width:auto; float:none; }
#maintext .imgPhotoRF img{ width:100%; }
#maintext .imgPhotoRF{ width:40%; }
#maintext .imgPhotoLF img{ width:100%; }
#maintext .imgPhotoLF{ width:40%; }
#maintext h7, #specialImportBody h7{ font-family: 'Arimo',  'Noto Sans Japanese', sans-serif; font-size:21px; font-size:2.1rem; font-weight:600; color:#141414; margin:0 0 5px; }	
	
#side-menu{ display:none; }
#ReleaseData p { float:none; }
.musicVideo iframe{ width:300px; height:250px; }
#specialImport .imgPhoto, #specialImportBody .imgPhoto { max-width: 120px; }
#specialImport .imgPhoto img, #specialImportBody .imgPhoto img { max-width: 120px; }
/* #ECitembox,.exbanner{ display:none;  } */
#specialImport hgroup img{ width:100%; height:auto; }
}
}